<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径-->
<!--同级目录-->
<!--alt当图片不能显示时显示的文本-->
<img src="aa.jpg" alt="这是个帅哥">
<!--上级目录 title 鼠标停在图片上时显示的文本-->
<!--width/height设置宽高 两种赋值方式: 1.像素值  2.百分比-->
<img src="../b.jpg" title="图片标题" width="200" height="200">
<!--下级目录-->
<!--如果只设置宽度 高度会等比例缩放-->
<img src="abc/c.jpg" width="50%" alt="">
<!--绝对路径-->
<img src="https://cdn.tmooc.cn/bsfile//courseImg///280c6025caa14649ba86b3561db92066.jpg" alt="">
</body>
</html>